<template>
    <div id="app">
        <header id="header" class="header-navigation">
            <nav>
                <div class="logo"><a href="/">个人博客</a></div>
                <h2 id="mnavh"><span class="navicon"/></h2>
                <ul id="starlist">
                    <li><a href="/">首页</a></li>
                    <li><a href="/list.html">文章列表</a></li>
                    <li><a href="/share.html">相册分享</a></li>
                    <li><a href="/gbook.html">留言</a></li>
                    <li><a href="/about.html">关于我</a></li>
                    <!-- 三个测试功能
                    <li><a href="/info.html/001">详情</a></li>
                    <li><a href="/infopic.html/101">详情带图片</a></li>
                    <li><a href="/new_article.html">修改</a></li>
                    -->
                </ul>
            </nav>
        </header>

        <article>
            <router-view />
        </article>

        <footer>
            <p>设计 by <a href="http://www.yangqq.com" target="_blank">杨青</a><a href="/">未备号</a></p>
        </footer>
        <a href="#" class="cd-top">Top</a>
    </div>
</template>

<style>
    @import "../public/css/base.css";
    @import "../public/css/index.css";
    @import "../public/css/m.css";
</style>
